@import "../../common/css/dsCommonForRem";
@import "../../common/css/flex";
html,body {
  background-color: @sc10!important;
  width: 100%;
}
body *{
  max-height:999999px;
  font-size: 0.40rem;
}
body::-webkit-scrollbar{width:0px}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 1rem;
}
.cate_nav {
  position: fixed;
  //box-sizing: border-box;
  background-color: white;
  top: -0.02rem;
  height: 1rem;
  //width: 150%;
  z-index: 101;
  width: 100rem;
  text-align: left;
  overflow-x: scroll;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  &:after {
    position: absolute;
    content: '';
    height: 0.02rem;
    width: 100%;
    background: #DDD;
    bottom: 0;
    left: 0;
  }
  .inner {
    position: relative;
    margin: auto;
    width: auto;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 10;
  }
  a{
    display: inline-block;
    width: auto;
    float: left;
    font-size: 0.25rem;
    color: #333;
    text-align: center;
    line-height: 0.8rem;
    height: 0.8rem;
    margin: 0.05rem 1rem;
    padding: 0 0rem 0 0;
    box-sizing: border-box;
    border-bottom: 0.02rem solid transparent;
    &:first-child {
      margin-left: -0.3rem;
    }
    img{
      display: inline-block;
      width: 0.5rem;
      height: 0.5rem;
      vertical-align: middle;
      margin-right: 0.1rem;
      margin-top: -0.05rem;
    }
    &.active{
      border-bottom-color: #ef333c;
      color: #ef333c;
    }
  }
}

.swipe-content, .swipe-content2{
  overflow: hidden;
  z-index: 1;
  height: 5rem;
  width: 100%;

  img {
    z-index: 1;
    width:100%;
    height:5rem;
  }
  .swiper-pagination-title {
    position: absolute;
    background-color: rgba(0,0,0,0.2);
    margin-top: -1.5rem;
    z-index: 3;
    width:100%;

    height:1.3rem;
    color: white;
    h3 {
      display: inline-block;
      width: 100%;
      font-size:0.35rem;
      white-space: nowrap;
      text-overflow: ellipsis;
      height:0.6rem;
      line-height:0.6rem;
      text-align: left;
      vertical-align: center;
      overflow: hidden;
      margin-top: 0.2rem;
      margin-bottom: -0.3rem;
      padding-left: 0.2rem;
      -webkit-text-size-adjust:none;
    }
    p {
      display: inline-block;
      margin-top: -0.3rem;
      width: 100%;
      font-size:0.25rem;
      white-space: nowrap;
      padding-left: 0.2rem;
      text-overflow: ellipsis;
      height:0.3rem;
      line-height:0.3rem;
      text-align: left;
      vertical-align: center;
    }
  }
}

.list-content {
  width: 100%;
  height: auto;
  .item-cc {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    border-bottom: 0.01rem solid #cccccc;
  }
  .singleImg_type {
    .singImg {
      position: relative;
      float: left;
      margin: 0.1rem 0 0.2rem 0.2rem;
      width: 2.0rem;
      height: 2.0rem;
    }
    h4 {
      position: relative;
      text-align: left;
      float: left;
      width: 4.9rem;
      font-size: 0.3rem;
      height: 0.75rem;
      vertical-align:middle;
      display:table-cell;
      text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
      margin-left: 0.06rem;
      margin-top: 0.3rem;
    }
  }
}

.sourceImg {
  float:left;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  margin-left: 0.06rem
}

.spanStyle {
  overflow:hidden;
  float:left;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:1.5rem;
  line-height: 0.5rem;
  font-size: 0.25rem;
  display:inline-block;
  margin-left: 0.05rem
}

.pStyle {
  display: inline-block;
  float: left;
  font-size: 0.25rem;
  margin-top: 0.07rem;

}

.icon-view {
  display: inline-block;
  float: left;
  width: 0.38rem;
  height: 0.34rem;
  margin-right: 0.1rem;
  margin-top: 0.11rem;
  background: url(../../assets/art_view.png) no-repeat;
  background-size: 100%;
}

i.icon-car{
  display: inline-block;
  width: 0.38rem;
  height: 0.34rem;
  background: url(../../assets/car.png) no-repeat;
  background-size: 100%;
  vertical-align: middle;
  margin-top: -0.05rem;
}

.ThreeImg_type,.SingleImg_Large_type {

  background: #fff;
  padding: 0 0.2rem;
  .hd{
    height: auto;
    position: relative  ;
    h3{
      text-align: left;
      width: 4.8rem;
      color: #333;
      font-size: 0.3rem;
      height: auto;
      text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
      line-height: 0.4rem;
    }
    span{
      float: right;
      line-height: 0.35rem;
      width: 1.3rem;
      height: 0.35rem;
      overflow: hidden;
      font-size: 0.25rem;
      padding-left: 0.4rem;
      color: #888;
      background: url(../../assets/art_time.png) no-repeat;
      background-size: 0.35rem 0.34rem;
    }
  }
  .type1 {
    margin-top: 0.05rem;
    float: left;
    font-size: 0;
    margin-bottom: 0.1rem;
    img{
      float: left;
      display: inline-block;
      width: 2.3rem;
      height: 2.2rem;
      margin-right: 0.08rem;
      &:last-child{
        margin-right: 0;
      }
    }
  }
  .type2{
    margin-top: 0.05rem;
    margin-bottom: 0.1rem;
    img{
      width: 100%;
      height: auto;
    }
  }
}
